/* --- functional styling 
*/
.scroller-gallery-con{
	position:relative;
}
.scroller-gallery{
	position:relative;
}
.scroller-gallery .desc{
	position:absolute;
	top:0;
	left:-100%;
	width:100%;
	height:100%;
	background:rgb(0,0,0);
	background:rgba(0,0,0,0.8);
}
.masonry > *{
	overflow:hidden;
}
.scroller-gallery a{ text-decoration:none; color: #fff; }
.scroller-gallery .desc .fake-link{ cursor:pointer; }
.scroller-gallery .desc > div{ padding:10px 15px; }
.scroller-gallery h5{ padding:10px 0; margin:0; }

.scroller-gallery .sgitem > img { display:block; }
.scroller-gallery .sgitem > a > img { display:block; }
.icon{ width:9px; height:9px; position:absolute; top:20px; right:15px; background-repeat:no-repeat; background-position:50% 50%;  }
.icon.page { background-image: url('styleimg/page.png'); }
.icon.image { background-image: url('styleimg/image.png'); }
.icon.video { background-image: url('styleimg/video.png'); }

/* -- arrow styling */

.scroller-gallery .inners{ position:absolute; top:0; left:0; z-index:1;
}

/* --- estethic styling 
*/
.scroller-gallery .arrowleft-con{ width:50px; height:100%; border-right:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.5); position:absolute; top:0; left:0; opacity:0.7; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	  z-index:2;
}
.scroller-gallery .arrowleft{ width:25px; height:25px;  position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; background:url(styleimg/arrowleft.png) no-repeat center center;
}
.scroller-gallery .arrowleft-con:hover{ opacity:1;
}
.scroller-gallery .arrowright-con{ width:50px; height:100%; border-left:1px solid rgba(0,0,0,0.3); background:rgba(0,0,0,0.5); position:absolute; top:0; right:0; opacity:0.7; cursor:pointer; -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out;	 z-index:3;
}
.scroller-gallery .arrowright{ width:25px; height:25px;  position:absolute; top:50%; left:50%; margin-left:-12px; margin-top:-12px; background:url(styleimg/arrowright.png) no-repeat center center;
}
.scroller-gallery .arrowright-con:hover{ opacity:1;
}
.scroller-gallery .desc { color:#fff; }
.scroller-gallery .desc .fake-link{ color:#09F; }

/*misc*/
.preloader{
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	border-radius:10px;
	background:#fff url(./styleimg/preloader.gif) center no-repeat;
}
.fullwidth{ width:100%; }
.fullheight{ height:100%; }